﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Tabs.aspx.cs" Inherits="Tabs" %>
<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Extenders" TagPrefix="cc2" %>
<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Controls" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="DemoTitleContentPlaceHolder" Runat="Server">
Tabs
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="DemoContentPlaceHolder" Runat="Server">
    <cc1:TabControl 
    Disabled="3" 
    Selected="2" 
    Collapsible="true" 
    Fx="{ opacity: 'toggle' }"
    OnClientTabsSelect="alert(ui.tab.outerText);"
    ID="TabControl1" runat="server">
<Tabs>
        <cc1:Tab ID="Tab1" runat="server" Text="TAB A" TabName="TABA"></cc1:Tab>
        <cc1:Tab ID="Tab2" runat="server" Text="TAB B"  TabName="TABB"></cc1:Tab>
        <cc1:Tab ID="Tab3" runat="server" Text="TAB C"  TabName="TABC"></cc1:Tab>
        <cc1:Tab ID="Tab4" runat="server" Text="TAB D"  TabName="TABD"></cc1:Tab>
        <cc1:Tab ID="Tab5" runat="server" Text="TAB E"  TabName="TABE"></cc1:Tab>
      </Tabs>        
      <TabPages>
        <cc1:TabPage ID="TabPage1" TabName="TABA" runat="server">        
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>   
            <asp:Button ID="Button1" runat="server" Text="Button" />
        </cc1:TabPage>
        <cc1:TabPage ID="TabPage2" TabName="TABB" runat="server">
            <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
            <asp:HyperLink ID="HyperLink1" runat="server">HyperLink</asp:HyperLink>
        </cc1:TabPage>
        <cc1:TabPage ID="TabPage3" TabName="TABC" runat="server">
C
        </cc1:TabPage>
        <cc1:TabPage ID="TabPage4" TabName="TABD" runat="server">
D        </cc1:TabPage>
        <cc1:TabPage ID="TabPage5" TabName="TABE" runat="server">
E        </cc1:TabPage>
</TabPages>  
    </cc1:TabControl>
    
    <cc2:Resizeable ID="Resizeable1" runat="server" Selector="#{TabControl1}" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SourceContentPlaceHolder" Runat="Server">
<pre>
&lt;cc1:TabControl 
    Disabled="3" 
    Selected="2" 
    Collapsible="true" 
    Fx="{ opacity: 'toggle' }"
    OnClientTabsSelect="alert(ui.tab.outerText);"
    ID="TabControl1" runat="server"&gt;
        
        &lt;cc1:Tab ID="Tab1" runat="server" Text="TAB A" TabName="TABA"&gt;&lt;/cc1:Tab&gt;
        &lt;cc1:Tab ID="Tab2" runat="server" Text="TAB B"  TabName="TABB"&gt;&lt;/cc1:Tab&gt;
        &lt;cc1:Tab ID="Tab3" runat="server" Text="TAB C"  TabName="TABC"&gt;&lt;/cc1:Tab&gt;
        &lt;cc1:Tab ID="Tab4" runat="server" Text="TAB D"  TabName="TABD"&gt;&lt;/cc1:Tab&gt;
        &lt;cc1:Tab ID="Tab5" runat="server" Text="TAB E"  TabName="TABE"&gt;&lt;/cc1:Tab&gt;
        
        &lt;cc1:TabPage ID="TabPage1" TabName="TABA" runat="server"&gt;        
            &lt;asp:TextBox ID="TextBox1" runat="server"&gt;&lt;/asp:TextBox&gt;   
            &lt;asp:Button ID="Button1" runat="server" Text="Button" /&gt;
        &lt;/cc1:TabPage&gt;
        &lt;cc1:TabPage ID="TabPage2" TabName="TABB" runat="server"&gt;
            &lt;asp:DropDownList ID="DropDownList1" runat="server"&gt;&lt;/asp:DropDownList&gt;
            &lt;asp:HyperLink ID="HyperLink1" runat="server"&gt;HyperLink&lt;/asp:HyperLink&gt;
        &lt;/cc1:TabPage&gt;
        &lt;cc1:TabPage ID="TabPage3" TabName="TABC" runat="server"&gt;
C
        &lt;/cc1:TabPage&gt;
        &lt;cc1:TabPage ID="TabPage4" TabName="TABD" runat="server"&gt;
D        &lt;/cc1:TabPage&gt;
        &lt;cc1:TabPage ID="TabPage5" TabName="TABE" runat="server"&gt;
E        &lt;/cc1:TabPage&gt;
    &lt;/cc1:TabControl&gt;
    
    &lt;cc2:Resizeable ID="Resizeable1" runat="server" Selector="#{TabControl1}" /&gt;    
</pre>    
</asp:Content>

